<template>
	<view style="position:relative">
		<view class="balance flex">
			<image style="width:64rpx;height:64rpx;" src="../../static/topic/7400.png" mode="" @tap="goBack"></image>
			<view style="width: 504rpx;margin-right: 30rpx;">
				<uni-steps v-if="status == 1 || status == 2 || status == 3" active-color="#6DD230"
					:options="[{title: '设计阶段'}, {title: '生产阶段'}, {title: '安装阶段'}]" :active="status -1">
				</uni-steps>
			</view>
		</view>
		<view style="position:absolute;top:180rpx;margin:30rpx">
			<view style="margin:30rpx 0">
				<text class="tit">{{name}}</text>
				<view class="flex" style="align-items: center;margin-top: 14rpx;">
					<image style="width: 48rpx;height: 48rpx;" src="../../static/shield-star.png" mode=""></image>
					<text
						style="font-size: 24rpx;font-weight: 400;color: rgba(30,30,30,0.3);">共厂家具已为此订单购买保险，最高赔付600万</text>
				</view>
			</view>
			<!-- 安装阶段-安装师傅端 -->
			<view v-if="status == 3" class="order" style="margin-bottom:30rpx;height: 658rpx;">
				<view style="font-weight: 500;font-size: 36rpx;margin-bottpm: 35rpx;">产品已经全部送达，请联系设计师安排师傅上门安装</view>
				<view style="margin: 33rpx 0;">
					<view class="title">安装师傅</view>
					<!-- 没有安装师傅 -->
					<!-- <view class="installation" style="padding:30rpx;">
						<h3 style="color: #167EC1;text-align: center;line-height: 30rpx;">未安排</h3>
						<view style="margin-top:20rpx;color: #FF801F;font-size: 24rpx;line-height: 30rpx;">
							还没有安排师傅到场安装，请与设计师联系，如不需要，请在支付尾款时，选择不需要安装师傅。
						</view>
					</view> -->
					<!-- 有安装师傅 -->
					<view class="installation " style="padding:30rpx;">
						<view class="flex justify-between align-center justify-center">
							<view class="flex align-center">
								<image style="width:72rpx;height: 72rpx;" src="../../static/topic/194.png" mode="">
								</image>
								<text style="font-size: 28rpx;margin-left: 15rpx;">李师傅</text>
							</view>
							<view class="flex align-center">
								<image style="margin-right: 15rpx;width:64rpx;height: 64rpx;"
									src="../../static/phone.png" mode="">
								</image>
								<text style="font-size: 28rpx;">联系师傅</text>
							</view>
						</view>
						<view style="margin-top:20rpx;color: #FF801F;font-size: 24rpx;line-height: 30rpx;">
							师傅预计在2023-03-01 上午 09:30上门安装，如需更改时间，请与师傅联系。
						</view>
					</view>
					<view class="add">
						+ 添加师傅
					</view>
					<!-- 完成标志 -->
					<!-- <image class="over" style="bottom: 80rpx;right:60rpx;position: absolute;"
						src="../../static/over.png" mode=""></image> -->
				</view>
			</view>
			<!-- 生产阶段-用户端 -->
			<view v-if="status == 2" class="order" style="margin-bottom:30rpx;position: relative;">
				<h4 style="font-size: 36rpx;line-height: 28rpx;margin: 35rpx 0;">设计图纸已经发往厂家生产</h4>
				<view class="flex space-between" style="margin: 33rpx 0;">
					<text class="title">图纸发送时间</text>
					<view style="font-size: 28rpx;">{{orderDetailData.sendDrawingTime}}</view>
				</view>
				<view class="flex space-between align-center" style="margin: 33rpx 0;">
					<text class="title">收货地址</text>
					<view style="font-size: 28rpx;width:280rpx;text-align: right;">{{orderDetailData.designDrawingUrl}}
					</view>
				</view>
				<view style="margin: 33rpx 0;border-bottom: 1rpx solid rgba(30,30,30,0.3);">
					<view class="title">物流信息</view>
					<view class="debriefingConcent flex justify-between align-center justify-center"
						style="padding:0 30rpx;">
						<view class="flex align-center">
							<image src="../../static/7979.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;">
							</image>
							<view style="margin-left:15rpx;">物流信息</view>
						</view>
						<image src="../../static/2068.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;"></image>
					</view>
				</view>
				<view class="flex space-between" style="margin: 30rpx 0;align-items: center;">
					<view style="font-size: 32rpx;text-align: left;">
						<view>
							尾款总金额
						</view>
						<!-- <view style="font-size: 28rpx;color: #FF801F;">
							待支付
						</view> -->
						<view style="font-size: 28rpx;color: #FF801F;">
							已结清
						</view>
					</view>
					<view style="font-size: 44rpx;font-weight: 500;font-family: Rubik-Medium, Rubik;">
						54,582.00
					</view>
				</view>
				<!-- 完成标志 -->
				<image class="over" style="bottom: 20rpx;right:20rpx;position: absolute;" src="../../static/over.png"
					mode=""></image>
			</view>
			<!-- 设计阶段、生产阶段、安装阶段 -->
			<view class="order" style="position: relative;">
				<view class="flex space-between" style="margin: 30rpx 0;">
					<view class="flex space-between sheet">
						<!-- 用户端 -->
						<view v-if="type == 4">
							<text>报价单</text><text>(已经刷新)</text>
						</view>
						<!-- 设计师端 -->
						<view v-if="type == 1">
							<text>报价单</text>
						</view>
						<text @tap="sheetTaggle()" style="color: #167EC1;">查看</text>
					</view>

					<view style="text-align: center;">
						<image style="width: 64rpx;height: 64rpx;margin:0 auto;" src="../../static/7505.png" mode="">
						</image>
						<!-- 用户端 -->
						<view v-if="type == 4">联系设计师</view>
						<!-- 设计师端 -->
						<view v-if="type == 1">联系业主</view>
					</view>
				</view>
				<h4 @tap="taggle()" style="font-size: 32rpx;line-height: 28rpx;margin: 35rpx 0;">查看设计图/效果图</h4>
				<view class="flex space-between" style="margin: 30rpx 0;">
					<text class="title">订单号</text>
					<view style="font-size: 28rpx;">
						<text>{{orderNum}}</text>
						<text style="color: #167EC1;margin-left: 20rpx;" @click="paste(orderNum)">复制</text>
					</view>
				</view>
				<view class="flex space-between" style="margin: 30rpx 0;">
					<text class="title">创建日期</text>
					<view style="font-size: 28rpx;">{{createTime}}</view>
				</view>
				<!-- 生产阶段出现 -->
				<view v-if="status != 1" class="flex space-between" style="margin: 30rpx 0;">
					<text class="title">雇佣押金支付日期</text>
					<view style="font-size: 28rpx;">{{depositTime}}</view>
				</view>
				<view class="flex space-between" style="margin: 30rpx 0;">
					<!-- 用户端 -->
					<text v-if="type == 1" class="title">设计服务费</text>
					<!-- 设计师端 -->
					<text v-if="type == 4" class="title">雇佣服务费</text>
					<view style="font-size: 28rpx;">{{orderDetailData.serviceAmount}}</view>
				</view>
				<view class="flex space-between" style="margin: 30rpx 0;align-items: center;">
					<view style="font-size: 28rpx;text-align: left;">
						<view>
							雇佣押金
						</view>
						<view v-if="type == 4" style="font-size: 24rpx;color:rgba(30,30,30,0.3)">
							概括报价标*雇佣服务费
						</view>
					</view>
					<view style="font-size: 28rpx;text-align: right;">
						<view>
							1,302.00‬
						</view>
						<view v-if="depositTime != ''" style="font-size: 24rpx;color: #FF801F;">
							已支付
						</view>
					</view>
				</view>
				<view class="flex space-between" style="margin: 30rpx 0;">
					<text class="title">支付方式</text>
					<view style="font-size: 28rpx;">支付宝支付</view>
				</view>
				<!-- 设计阶段完成时隐藏 -->
				<view v-if="status == 1 || type == 4 || depositTime !=''" class="flex space-between align-center"
					style="margin: 30rpx 0;">
					<text class="title">订单预估价格</text>
					<view style="font-size: 44rpx;">{{orderDetailData.estimateAmount}}</view>
				</view>
				<!-- 设计阶段完成 -->
				<view v-if="type == 4 ||status != 1 || orderDetailData.status == 0">
					<view class="flex space-between" style="margin: 30rpx 0;align-items: center;">
						<text class="title">工厂货款</text>
						<view style="font-size: 28rpx;text-align: right;">
							<view style="font-family: Rubik-Medium, Rubik;">
								{{orderDetailData.totalAmount}}
							</view>
							<view style="font-size: 24rpx;color: #FF801F;">
								部分费用需要一次性结清，请查看报价表
							</view>
							<!-- 部分费尾款还未结清 -->
							<!-- <view style="font-size: 24rpx;color: #FF801F;">
								部分费尾款还未结清，请查看报价单
							</view> -->
						</view>
					</view>
					<view v-if="type == 4" class="flex space-between align-center" style="margin: 30rpx 0;">
						<text class="title">雇佣金</text>
						<view style="font-family: Rubik-Medium, Rubik;font-size: 44rpx;">133,20.00</view>
					</view>
					<view v-if="status == 2" class="flex space-between align-center" style="margin: 30rpx 0;">
						<text class="title">支付日期</text>
						<view style="font-family: Rubik-Medium, Rubik;font-size: 44rpx;">2023-02-28 09:43:31</view>
					</view>
				</view>
				<view class="flex space-between align-center"
					style="border-top: 1rpx solid rgba(30,30,30,0.3);margin-top: 30rpx;">
					<!-- 用户端 -->
					<text v-if="type == 1" class="title">总金额</text>
					<!-- 设计师端 -->
					<text v-if="type == 4" class="title">支付金额</text>
					<view style="font-family: Rubik-Medium, Rubik;font-size: 44rpx;font-weight: 500;">130,200.00
					</view>
				</view>
				<!-- 完成标志 -->
				<image v-if="status == 2" class="over" style="bottom: 20rpx;right:20rpx;position: absolute;"
					src="../../static/over.png" mode=""></image>
			</view>
		</view>
		<!-- 设计师端-上传设计图 -->
		<view v-if="type == 1 || status == 1" class="uploads">
			<view class="upload">上传设计图/效果图</view>
		</view>
		<!-- 用户端-支付预付款 -->
		<view v-if="type == 4 && depositTime == '' && status == 1" class="uploads" @tap="payTaggle()">
			<view class="upload">支付预付款</view>
		</view>
		<!-- 用户端-支付一期工程款 -->
		<view v-if="type == 4 || orderDetailData.status == 0" class="uploads" @tap="projectMoney()">
			<view class="upload">支付一期工程款</view>
		</view>
		<!-- 用户端-支付二期工程款 -->
		<view v-if="type == 4" class="uploads" @tap="projectMoneyTwo()">
			<view class="upload">支付二期工程款</view>
		</view>
		<!-- 支付二期工程款 -->
		<uni-popup id="projectMoneyTwo" ref="projectMoneyTwo" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 1000rpx;">
				<view style="line-height: 50rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<h4 style="font-size: 32rpx;font-weight: 500;">报价表11</h4>
					<view style="font-size: 24rpx;color: rgba(30,30,30,0.3);">由品塑（上海）贸易有限公司提供</view>
					<view class="flex space-between align-center" style="margin: 30rpx;">
						<text class="title">厂家确认时间</text>
						<view style="font-family: Rubik-Medium, Rubik;font-size: 28rpx;">2023-02-28 08:32:21</view>
					</view>
					<view class="flex justify-between align-center justify-center"
						style="padding:0 30rpx;margin:auto 0;background: #F0F3FA;border-radius: 8rpx;height: 144rpx;">
						<view style="margin-left:15rpx;">物流信息</view>
						<view class="flex" @tap="Logistics()">
							<text style="font-size: 36rpx;">83 6503 6529</text>(顺丰快递)
							<image src="../../static/2068.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;">
							</image>
						</view>
						<!-- <view style="text-align: right;">
							<view style="font-size: 28rpx;">产品由厂家配送</view>
							<view style="font-size: 24rpx;color: rgba(30,30,30,0.3);">
								暂无物流信息
							</view>
						</view> -->
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		<!-- 物流信息 -->
		<uni-popup id="Logistics" ref="Logistics" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 1000rpx;">
				<view style="line-height: 50rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<view class="flex justify-between align-center justify-center" style="margin:30rpx;">
						<view class="flex">
							<text style="font-size: 36rpx;">83 6503 6529</text>(顺丰快递)
						</view>
						<view class="flex">
							<image src="../../static/8205.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;">
							</image>
							<text style="font-size: 28rpx;color: #167EC1;">复制</text>
						</view>
					</view>
					<view style="font-size: 32rpx;font-weight: 500;margin:30rpx;">物流详情</view>
					<view class="detail">
						<view class="flex justify-between">
							<text style="font-size: 28rpx;">厂家确认时间</text>
							<text style="font-size: 28rpx;">2023-02-28 08:32:21</text>
						</view>
						<view style="margin-top: 30rpx;">
							<uni-steps @change="change" :options="status" active-color="#FF801F" :active="active"
								direction="column" />
						</view>
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		<!-- 支付一期工程款 -->
		<uni-popup id="projectMoney" ref="projectMoney" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 1000rpx;">
				<view class="flex space-between "
					style="line-height: 60rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<view style="font-size: 32rpx;text-align: left;">
						<view>
							报价表11
						</view>
						<view style="font-size: 24rpx;color:rgba(30,30,30,0.3)">
							由品塑（上海）贸易有限公司提供
						</view>
					</view>
					<view class="flex align-center" style="font-size: 36rpx;text-align: right;">
						<view>
							<view style="font-family: Rubik-Regular, Rubik;">
								120,000.00
							</view>
							<view style="font-size: 24rpx;color: #FF801F;">
								预付工厂50%
							</view>
							<!-- <view style="font-size: 24rpx;color: #FF801F;">
								已支付
							</view> -->
						</view>
						<image src="../../static/2068.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;"></image>
					</view>
				</view>
				<view class="flex space-between "
					style="line-height: 60rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<view style="font-size: 32rpx;text-align: left;">
						<view>
							报价表11
						</view>
						<view style="font-size: 24rpx;color:rgba(30,30,30,0.3)">
							由品塑（上海）贸易有限公司提供
						</view>
					</view>
					<view class="flex align-center" style="font-size: 36rpx;text-align: right;">
						<view>
							<view style="font-family: Rubik-Regular, Rubik;">
								120,000.00
							</view>
							<view style="font-size: 24rpx;color: #FF801F;">
								预付工厂50%
							</view>
							<!-- <view style="font-size: 24rpx;color: #FF801F;">
								已支付
							</view> -->
						</view>
						<image src="../../static/2068.png" mode="aspectFit" style="width: 64rpx;height: 64rpx;"></image>
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		<!-- 预支付温馨提示 -->
		<uni-popup id="pay" ref="pay" type="center" :animation="true">
			<view class="prompt uni_popup">
				<view class="flex">
					<h3 style="text-align: center;margin: 30rpx auto 56rpx;">温馨提示</h3>
					<view @click="close()" class="quxiao" style="justify-content: right;"></view>
				</view>
				<view style="line-height: 40rpx;text-align: center;font-size: 32rpx;height:108rpx;">
					您需要支付部分雇佣押金
				</view>
				<view class="verify">
					确定
				</view>
			</view>
		</uni-popup>
		<!-- 查看报价单 -->
		<uni-popup id="popup" ref="sheet" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 752rpx;">
				<view class="flex">
					<view class="">

					</view>

				</view>
			</scroll-view>
		</uni-popup>
		<!-- 查看设计图/效果图 -->
		<uni-popup id="popup" ref="popup" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 752rpx;">
				<view class="flex">
					<view class="">

					</view>

				</view>
			</scroll-view>
		</uni-popup>
		
		<!-- 开始作业 -->
		<uni-popup id="projectMoneyTwo" ref="workRef" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 1000rpx;border-radius: 40rpx 40rpx 0 0;">
				<view style="line-height: 50rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<h4 style="font-size: 32rpx;font-weight: 500;">安装日志</h4>
					<view
						style="background: #F0F3FA;border-radius: 8rpx 8rpx 8rpx 8rpx;padding: 30rpx;margin-top: 30rpx;">
						<timeAxis :dataArray="dataArray"></timeAxis>
						<view class="bePresentI" style="background: #492D22;">
							开始作业
						</view>
						<view @click="bePresentContent()" class="bePresentI" style="background: rgba(30,30,30,0.3);">
							结束作业
						</view>
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		<!-- 结束作业内容 -->
		<uni-popup id="projectMoneyTwo" ref="bePresentRef" type="bottom" :animation="true">
			<scroll-view class="uni_popup" scroll-y="true"
				style="padding: 0 30rpx 30rpx 30rpx;background-color: #fff;height: 1000rpx;border-radius: 40rpx 40rpx 0 0;">
				<view style="line-height: 50rpx;margin: 30rpx 0;align-items: center;height: 118rpx;">
					<h4 style="font-size: 32rpx;font-weight: 500;">今日作业内容</h4>
					<textarea
						style="margin-top: 30rpx;border: 1rpx solid rgba(30,30,30,0.3);padding: 30rpx;min-height: 700rpx;"
						v-model="bePresent" rows="10" cols="30" placeholder="简单描述一下今日施工状况,随手拍几张工地情况更有机会获得业主好评哦。"
						readonly></textarea>
					<view @click="getbePresent()" class="bePresentI"
						style="background: rgba(30,30,30,0.3);margin-top: 30rpx;">
						结束作业
					</view>
				</view>
			</scroll-view>
		</uni-popup>
		
	</view>
</template>

<script>
	import timeAxis from '@/components/time_axis/time_axis.vue'
	export default {
		components: {
			timeAxis
		},
		data() {
			return {
				bePresent: '',
				dataArray: [{
					time: '2020-11-25 17:32:15',
					title: '开始作业时间：7:30',
					title1: '结束作业时间：18:30',
					details: '施工详情',
					active: true
				}, {
					time: '2020-11-25 17:32:15',
					title: '开始作业时间：7:30',
					title1: '结束作业时间：18:30',
					details: '施工详情',
					active: true
				}, {
					time: '2020-11-25 17:32:15',
					title: '开始作业时间：7:30',
					title1: '结束作业时间：18:30',
					details: '施工中',
					active: true
				}, {
					time: '2020-11-25 17:32:15',
					title: '开始作业时间：7:30',
					title1: '结束作业时间：18:30',
					details: '施工结束',
					active: false
				}],
				orderDetailData: [],
				active: 3,
				status: [{
					title: '正在生产',
					desc: '2023-02-28 08:32:21',
				}, {
					title: '生产完成',
					desc: '2023-03-02 15:56:32',
				}, {
					title: '产品配送',
					desc: '2023-03-02 08:24:56',
				}, {
					title: '交易完成',
					desc: '2023-03-03 12:24:56',
				}],
				orderNum: '',
				status: '',
				name: '',
				type: '',
				createTime: '',
				depositTime: ''
			}
		},
		onLoad(e) {
			let data = JSON.parse(e.data)
			console.log('data嘿', data)
			this.orderNum = data.orderNum
			this.status = data.status
			this.name = data.name
			this.createTime = data.createTime
			this.depositTime = data.depositTime
			this.type = this.$cache.get('type')
		},
		created() {
			this.getOrderDetail()
		},
		mounted() {
			this.$refs['workRef'].open()
		},
		methods: {
			// 结束作业内容
			bePresentContent() {
				this.$refs.bePresentRef.open()
			},
			getbePresent() {
				if (this.bePresent == '') {
					uni.showToast({
						title: "内容不能为空！！！",
						icon: "none"
					})
				} else {
			
				}
			},
			paste(value) {
				uni.setClipboardData({
					data: value
				});
			},
			getOrderDetail() {
				let data = {
					projectOrderNum: this.orderNum
				}
				if (this.type == 1) {
					this.$api.projectDetailDesigner(data).then((res) => {
						console.log(res,'分色分')
						res.data.result.userProjectDesignerOrder.serviceAmount = (res.data.result
							.userProjectDesignerOrder.serviceAmount * 100) + '%'
						this.orderDetailData = res.data.result.userProjectDesignerOrder
						// console.log('宋人头的亚轩', this.orderDetailData)
					})
				} else if (this.type == 4) {
					this.$api.projectDetailMe(data).then((res) => {
						res.data.result.userProjectDesignerOrder.serviceAmount = (res.data.result
							.userProjectDesignerOrder.serviceAmount * 100) + '%'
						this.orderDetailData = res.data.result.userProjectDesignerOrder
						// console.log('宋人头的亚轩', res.data.result.userProjectDesignerOrder.serviceAmount)
					})
				}
			},
			change() {
				if (this.active < this.list1.length - 1) {
					this.active += 1
				} else {
					this.active = 0
				}
			},
			// 物流信息
			Logistics() {
				this.$refs.Logistics.open()
			},
			// 支付二期工程款
			projectMoneyTwo() {
				this.$refs.projectMoneyTwo.open()
			},
			// 支付一期工程款
			projectMoney() {
				this.$refs.projectMoney.open()
			},
			// 预支付
			payTaggle() {
				this.$refs.pay.open()
			},
			close() {
				this.$refs.pay.close()
			},
			// 查看报价单
			sheetTaggle() {
				this.$refs.sheet.open()
			},
			// 查看设计图/效果图
			taggle() {
				this.$refs.popup.open()
				// this.$refs.popup.close()
			},
			goBack() {
				uni.navigateBack()
			},
		}
	}
</script>

<style scoped>
	.bePresentI {
		width: 232rpx;
		height: 88rpx;
		color: #fFFFFF;
		border-radius: 8rpx;
		font-size: 30rpx;
		font-family: Noto Sans SC-Regular, Noto Sans SC;
		font-weight: 400;
		color: #FFFFFF;
		text-align: center;
		line-height: 88rpx;
		margin: auto;
	}
	
	.installation {
		width: 630rpx;
		height: 186rpx;
		background: rgba(30, 30, 30, 0.05);
		border-radius: 8rpx;
		margin-top: 30rpx;
	}

	.add {
		width: 630rpx;
		height: 186rpx;
		border-radius: 8rpx;
		border: 2rpx dashed rgba(73, 45, 34, 0.3);
		font-size: 32rpx;
		font-family: Noto Sans SC-Regular, Noto Sans SC;
		font-weight: 400;
		color: rgba(30, 30, 30, 0.6);
		text-align: center;
		line-height: 186rpx;
		margin: 30rpx auto 0;
	}

	.uni_popup {
		border-radius: 20rpx 20rpx 0rpx 0rpx;
	}

	.detail {
		width: 690rpx;
		height: 550rpx;
		background: #F0F3FA;
		border-radius: 8rpx;
		padding: 30rpx;
	}

	.quxiao {
		width: 68rpx;
		height: 68rpx;
		background-size: 100% 100%;
		background-image: url('../../static/7730.png');
	}

	.prompt {
		width: 606rpx;
		background: #fff;
		border-radius: 20rpx;
		padding: 30rpx;
		margin: 30rpx;
		height: 444rpx;
	}

	.verify {
		width: 304rpx;
		height: 86rpx;
		background: #492D22;
		border-radius: 8rpx;
		font-size: 36rpx;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 86rpx;
		text-align: center;
		margin: 30rpx auto 0;
	}

	.debriefingConcent {
		width: 584rpx;
		height: 112rpx;
		background: rgba(30, 30, 30, 0.1);
		border-radius: 8rpx;
		margin: 30rpx;
	}

	.upload {
		width: 554rpx;
		height: 86rpx;
		background: #492D22;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		text-align: center;
		line-height: 86rpx;
		color: #fff;
		font-size: 36rpx;
		margin: auto;
	}

	.uploads {
		width: 100%;
		background-color: #fff;
		position: fixed;
		bottom: 0;
		padding: 30rpx;
		z-index: 999;
	}

	.space-between {
		justify-content: space-between;
	}

	.sheet {
		width: 480rpx;
		height: 112rpx;
		border-radius: 20rpx;
		background: rgba(30, 30, 30, 0.1);
		background-image: url('../../static/baomi.png');
		line-height: 112rpx;
		padding: 0 30rpx;
		font-size: 32rpx;
		font-weight: 500;
	}

	.balance {
		width: 100%;
		margin: 30rpx;
		align-items: flex-start;
		justify-content: space-between;
		position: absolute;
		top: 100rpx;
	}

	.order {
		width: 690rpx;
		background-color: #fff;
		padding: 30rpx;
		background-image: url('../../static/NoPath.png');
		box-shadow: 0rpx 6rpx 30rpx 2rpx rgba(0, 0, 0, 0.05);
		border-radius: 20rpx;
		margin-bottom: 180rpx;
	}

	.tit {
		font-size: 44rpx;
		font-weight: 500;
		color: #1E1E1E;
		font-family: Noto Sans SC-Medium, Noto Sans SC;
	}

	.titl {
		font-size: 26rpx;
		font-family: Noto Sans SC-Medium, Noto Sans SC;
		font-weight: 500;
		color: #1E1E1E;
	}

	.over {
		width: 180rpx;
		height: 180rpx;
		z-index: 0;
	}
</style>
